<template>
<!--  组件结构-->
  <div class="demo">
      <h3>学校：{{school}}</h3>
      <h3>地址：{{addres}}</h3>
    <button @click="showname">点我展示学校名称</button>
  </div>
</template>

<script>
//组件交互相关代码（数据、方法等）
   export default{
    data(){
      return {school:'超神学院',addres:'扭曲丛林'}
    },
    methods: {
      showname() {
        alert(this.school)
        console.log("@@@", this)
      }
    }
  }

</script>

<style>
/*组件样式*/
  .demo{
    background-color: rgb(19, 122, 88);
  }
</style>